<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增合同费用条款</title>
    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
    </style>
</head>

<body class="white-bg" style="padding: 3px;font-size: 13px">
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei">
            <tr>
               <td style="width: 140px" class="text-right">合同费用条款编号<span class="colorRed">*</span>：</td>
                <td>
                    <input type="text" name="" class="form-control" style="width:40%;display:inline-block">
                    (最多输入20个字，不允许重复)
                </td>
            </tr>
            <tr>
                <td style="width: 140px" class="text-right">合同费用条款名称<span class="colorRed">*</span>：</td>
                <td>
                    <input type="text" name="" class="form-control" style="width:70%;display:inline-block">
                    (最多输入50个字，不允许重复)
                </td>
            </tr>
            <tr>
               <td class="text-right" style="width: 120px">合同周期<span class="colorRed">*</span>：</td>
                <td>
                    <div class="form-group">
                        <input type="text" id="start" class="form-control layer-date " style="min-width:120px;width:120px;display: inline-block;" name="" autocomplete="off">
                    </div>
                    <div class="form-group">
                        至
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control layer-date" style="min-width:120px;width:120px;display: inline-block;" id="end" name="" autocomplete="off">
                    </div>
                </td>
            </tr>
          <tr>
            <td style="width: 140px" class="text-right">备注：</td>
                <td>
                   <textarea name="" cols="70" rows="4" class="form-control"></textarea>
                </td>
          </tr>
          <tr>
              <td colspan="2" class="text-center">
                  <button type="submit" class="btn btn-success btn-sm">保存</button>
                  &nbsp; &nbsp; &nbsp; &nbsp;
                  <button type="button" class="btn btn-default btn-sm">返回</button>
              </td>
          </tr>
        </table>
    </form>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js"></script>
    <script src="__STATIC__/layout/js/contabs_sub.js"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- Sweet alert -->
    <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="__STATIC__/layout/js/contabs_sub.js"></script>
     <script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
     <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>

    <script>
    $(function() {
        $('body').on('click', 'input[type=text]', function() {
            this.select()
        })
    })
   
    /*日期范围限制*/
    var start = {
        elem: '#start',
        format: 'YYYY/MM/DD',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function(datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY/MM/DD',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function(datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);

    </script>
</body>

</html>